<div class="content">
     <h2 class="api-name">引入文件</h2>
     <textarea name="code" class="js"> 
		<script type="text/javascript" src="simpleAutoComplete.js"></script>
	 </textarea>
	 <h2 class="api-name">使用Resize</h2>
	 <div class="part">
	 	<h3 class="api-guide"><a href="../doc/demo/autocomplete.html" class="demo-btn" target="_blank">运行demo</a>Simple.AutoComplete(opts)</h3>
	 	<div class="desc"><strong>概述：</strong>
	 		Simple.AutoComplete提供一个易用的自动完成功能~
	 		支持多个自动提示，并提供缓存机制，可以缓存已经发送过请求的数据
	 	</div>
	 	<p>启动autocomplete</p>
	 	<textarea name="code" class="js"> 
	 		$("#test").autocomplete({
	 			source:"getData.jsp"
	 		});
	 	</textarea>
	 	<p>销毁自动提示</p>
	 	<textarea name="code" class="js"> 
	 		$("#test").autocomplete("destroy");
	 	</textarea>
	 	<h3 class="api-guide">SimpleAutoComplete API</h3>
<table class="configList">
	<tr>
		<th width="100">配置选项</th><th width="200">配置选项</th><th>选项说明</th>
	</tr>
		<td>source</td><td>string||function||array {default:null}</td><td>设定区域选择的子元素，jquery选择器</td>
	</tr>
	<tr>
		<td>format</td><td>function(key,item)</td><td>格式化返回的数据</td>
	</tr>
	<tr>
		<td>isResult</td><td>function(data)</td><td>返回一个bool值，判定是否有数据返回</td>
	</tr>
	<tr>
		<td>dealData</td><td>function(data)</td><td>返回真正需要解析的数据</td>
	</tr>
	<tr>
		<td>onchange</td><td>function(key,data)</td><td>自动提示改变的时候触发的事件</td>
	</tr>
	<tr>
		<td>onselect</td><td>function(key,data)</td><td>选住值时候触发的事件（enter键触发）</td>
	</tr>
</table>
	 </div>
</div>

